<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>index</title>
    <style>
       body{
          margin: 0 auto ;
           width: 40%;
        }
        .container{
           margin: 0;
           width: 800px;
          background-image: url(img/背景.jpg);
          padding: 20px;
          color: floralwhite;
         }
        .imgbox{
           text-align: center;
             } 
        h1{
           margin: 0;
           padding: 0;
           text-align: center;
         }
        h2{
           background-color: rgb(142, 14, 247);
           line-height: 20px;
           padding: 20px;
           border-radius: 10px;
           box-shadow:4px 4px 4px darkgray;
            }
        h3{
           line-height: 100px;
         }
        a{
           text-decoration: none;
           color: blue;
            }
        .huidaozhidingtubiao{
           text-align: center;
           position: fixed;
           width: 70px;
           height: 70px;
           right: 70px;
           bottom: 60px;
           background-color:rgb(13, 238, 238) ;
           border-radius: 50%;
        }
    </style>
  </head>
  <body>
    <div class="container">
     <h1  id="dingbu">简历</h1>
     <div class="imgbox">
     <img src="img/头像.jpg" width="200"></br>
       </div>
     <a href="form.html">查看表单</a>
       <hr/>
     <ul>
      <li><b>姓名：</b>薛晨</li>
      <li><b>生日：</b>1999年11月10日</li>
      <li><b>电话：</b>15210087489</li>
      <li><b>邮箱：</b>2363277058@qq.com</li>
      <li><b>个人爱好：</b>吃喝玩乐</li>
     </ul>
     <hr/>
     <h2><i>教育背景</i></h2>
     <table width="100%">
      <tr>
        <td>时间</td>
        <td>学校</td>
        <td>职务</td>
      </tr>
      <tr>
        <td>2018</td>
        <td>上海对外经贸大学</td>
        <td>学生</td>
      </tr>
      <tr>
        <td>2019</td>
        <td>上海对外经贸大学</td>
        <td>好学生</td>
      </tr>
      <tr>
        <td>2020</td>
        <td>上海对外经贸大学</td>
        <td>特别好的学生</td>
      </tr>
      </table>
      <hr/>
     <h2><i>工作经验</i></h2>
     <ul>
      <li>无</li>
      <li>没有</li>
      <li>真没有</li>
     </ul>
     <hr/>
     <h2><i>自我介紹</i></h2>
     <h3>只是一個普通的孩子！</h3>   
    </div>
    <h1>
      <a href="tmp2.html">suibe官网布局简单模拟</a>
    </h1>
    <div class="huidaozhidingtubiao">
      <a href="#dingbu">回到顶端</a>  
    </div>
  </body>
</html>